<!DOCTYPE html>
<!-- saved from url=(0024)#a1 -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>跨境圈导航</title>
    <meta name="keywords" content="网站关键字,用英文的逗号隔开！（一般不超过100个字符）">
    <meta name="description" content="用一段话描述你的网站！（一般不超过200个字符）">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" href="__HOME__/css/index.css">
    <link rel="stylesheet" type="text/css" href="__HOME__/css/iconfont.css">
    <!--<script src="__HOME__/js/jquery.min.js"></script>-->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="__HOME__/js/index.js?<?php echo time();?>"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark"href="/favicon.ico" />
</head>
<body>
<div class="container" id="container">
    <div class="header-content">
        <div class="header-wrap">
            <div class="left ">
                <a class="logo">
                    <a href="{$domain}"><img data-original="__HOME__/images/logo.png" class="loaded" src="__HOME__/images/logo.png"></a>
                </a>
            </div>
            <div class="right">
                <ul class="siteGroup">
                    <?php
                            foreach($categoryama as $k => $v){
                    ?>
                    <li>
                        <a style="color:#fff;" href="<?php echo $v['catdir'];?>" target="_blank"><i
                                class="flag <?php echo $v['image'];?>"></i><?php echo $v['catname'];?></a>
                        <div class="links" style="display: none;">
                            <i class="triangle_up"></i>
                            <?php
                                    foreach($v['sub'] as $key => $val){
                            ?>
                            <a href="<?php echo $val['catdir'];?>" target="_blank"><p><?php echo $val['catname'];?></p>
                            </a>
                            <?php
                                    }
                                    ?>
                        </div>
                    </li>
                    <?php
                            }
                            ?>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="side_nav">
            <ul class="left_nav">
                <li><a data-location='#24' href="javascript:void(0);"><i
                        class="iconfont  icon-liuliangjiance"></i>常用工具</a></li>
                <li><a data-location='#3' href="javascript:void(0);"><i
                        class="iconfont icon-guanyu"></i>亚马逊工具</a></li>
                <?php
                    foreach($category as $k => $v){
                ?>
                <li>
                    <a data-location='#<?php echo $v['id'];?>' href="javascript:void(0);">
                        <i class="iconfont <?php echo $v['image'];?> "></i>
                        <?php echo $v['catname'];?>
                    </a>
                </li>
                <?php
                    }
                    ?>
            </ul>
            <div class="right_nav_sm">
                <div class="jobTitle"><i class="icon_pin "></i><a href="javascript:;" class="title">求职招聘</a></div>
                <i class="arrow-t"></i>

            </div>
            <div class="right_nav">
                <?php
                    if(!empty($recruit)){
                    ?>
                <img src="/static/home/images/katoon.png" style="position:absolute;width:126px;top:-160px;" />
                <div class="jobList">
                    <i class="arrow-d"></i>
                    <?php
                        foreach($recruit as $k => $v){
                    ?>
                    <a href="home/recruit.html?recruitid=<?php echo $v['id'];?>"><?php echo $v['catname'];?></a>
                    <?php
                        }
                        ?>
                </div>
                <?php
                    }
                    ?>
                <p id="toTop">返回顶部</p>
            </div>
        </div>

        <div class="main" id="mainWrap">
            <div id="mainContent">
                <div class="searchGroup">
                    <div class="group1">
                        <p class="btns" id="btn1"><a class="active">百度</a> <a>谷歌</a> <a>bing</a><a>谷歌翻译</a></p>
                        <form><input type="text" class="searchInput" id="searchEngin">
                            <button class="searchBtn" id="button1" type="button">百度一下</button>
                        </form>
                    </div>
                    <div class="group2">
                        <p class="btns " id="btn2"><a class="active">亚马逊</a> <a>关键词</a><a>1688</a><a>17track</a></p>
                        <form>
                            <div class="area ">
                                <a href="javascript:;" class="country "><span id="country">美国 </span><i
                                        class="triangle_down"></i></a>
                                <div class="selection">
                                    <p>美国</p>
                                    <p>英国</p>
                                    <p>德国</p>
                                    <p>日本</p>
                                </div>
                            </div>
                            <input type="text" class="searchInput pad" id="search">
                            <button class="searchBtn" id="button2" type="button">AMAZON</button>
                        </form>
                    </div>
                </div>
                <div class="fe" id="clock">
                    <table cellspacing="5px" class="timeClock">
                        <tbody>
                        <tr class="hrow">
                            <td>纽约<i class="flag flag_us"></i></td>
                            <td>东京<i class="flag flag_jp"></i></td>
                            <td>北京<i class="flag flag_cn"></i></td>
                            <td>巴黎<i class="flag flag_fr"></i></td>
                            <td>伦敦<i class="flag flag_uk"></i></td>
                            <td>悉尼<i class="flag flag_au"></i></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="NewYork"><p class="date">2018年04月8日</p><span
                                        class="time"><a> 1</a>:<a>52</a>:<a>49</a></span></div>
                            </td>
                            <td>
                                <div id="Tokyo"><p class="date">2018年04月8日</p><span class="time"><a>14</a>:<a>52</a>:<a>49</a></span>
                                </div>
                            </td>
                            <td>
                                <div id="Beijing"><p class="date">2018年04月8日</p><span
                                        class="time"><a>13</a>:<a>52</a>:<a>49</a></span></div>
                            </td>
                            <td>
                                <div id="Paris"><p class="date">2018年04月8日</p><span class="time"><a> 7</a>:<a>52</a>:<a>49</a></span>
                                </div>
                            </td>
                            <td>
                                <div id="London"><p class="date">2018年04月8日</p><span
                                        class="time"><a> 6</a>:<a>52</a>:<a>49</a></span></div>
                            </td>
                            <td>
                                <div id="Sydney"><p class="date">2018年04月8日</p><span
                                        class="time"><a>15</a>:<a>52</a>:<a>49</a></span></div>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                    <div class="festival" id="festivals">
                        <div class="left">
                            <i class="icon_star"></i>
                            <p class="fest">距离<span>黑色星期五</span>还有<span class="date" data-date="2018-11-24">229</span>天
                            </p>
                            <p class="fest">距离<span>万圣节</span>还有<span class="date"
                                                                      data-date="2018-10-31">98989898</span>天</p>
                        </div>
                        <div class="right">
                            <i class="icon_star"></i>
                            <p class="fest">距离<span>网络星期一</span>还有<span class="date" data-date="2018-11-27">230</span>天
                            </p>
                            <p class="fest">距离<span>感恩节</span>还有<span class="date"
                                                                      data-date="2018-11-23">2dfdfdd06</span>天</p>
                        </div>
                    </div>
                </div>
                <div class="sectionA">
                    <?php
                            foreach($adList as $k => $v){
                    ?>

                        <div class="banner">
                            <a href="<?php echo $v['url'];?>" target="_blank">
                            <img data-original="<?php echo $v['pic'];?>" class="loaded img-responsive"
                                                 src="<?php echo $v['pic'];?>">
                                    </a>
                        </div>

                    <?php
                            }
                            ?>
                </div>

                <div class="fe" id="24">
                    <div class="sub-category">
                        <div><i class="iconfont <?php echo $stock['image'];?>"></i>{$stock.title}<span>{$stock['description']}</span></div>
                    </div>
                    <ul class="tool">
                        {volist name="stock['article']" id="v"}
                        <li>
                            <a href="<?php echo $v['fromlink'];?>" target="_blank">
                                <!--<img src="<?php echo $v['icon'];?>" alt="" class="icon-tool">-->
                                <span>
                                    <img src="{$v.icon}" onerror="this.src='/uploads/20180419/c432c03a6078126a5edceaaafa5de2cd.png'" style="width:16px;vertical-align:middle;">
                                     <?php echo $v['title'];?>
                                 </span>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>

                <div class="fe " id="{$social.id}">
                    <div class="sub-category">
                        <div>
                            <a style="float:right;font-weight:normal;font-size:12px;font-family:'宋体'" href="{:Url('home/category/index',['id'=>$social['id']])}">更多>></a>
                            <i class="iconfont <?php echo $social['image'];?>"></i>{$social['catname']}<span>{$social['description']}</span>
                        </div>
                    </div>
                    <div class="clearfix wrap">
                        {volist name="social['article']" id="v"}
                        <a target="_blank" href="<?php echo $v['fromlink'];?>">
                            <div class="item">
                                <div class="logo" style="color:<?php echo $v['colour'];?>">
                                    <img src="{$v['icon']}" alt="" onerror="this.src='__HOME__/img/empty.png'" class="icon-common">
                                    <?php echo $v['title'];?>
                                    <?php if ($v['hot'] == '1') {?>
                                    <i class="icon_hot"></i>
                                    <?php } ?>
                                </div>
                                <div class="desc"> <?php echo $v['content'];?></div>
                            </div>
                        </a>
                        {/volist}
                    </div>
                </div>

                <?php if(!empty($serviceList)) { ?>
                <div class="tab-panel">
                    <ul class="panel-head">
                        {volist name="serviceList" id="vo" key="k" }
                        <li
                        <?php if($k == 1) { echo 'class="active"';}?> >{$vo['title']}</li>
                        {/volist}
                    </ul>
                    <div class="panel-content">
                        {volist name="serviceList" id="vo" key="k" }
                            <div class="list<?php if($k == 1){ echo ' active'; }?>">
                               <div id="carousel-<?php echo $k; ?>" class="carousel slide" data-ride="carousel">
                                   <!-- Wrapper for slides -->
                                   <div class="carousel-inner" role="listbox">
                                           <div class="item active">

                                           {volist name="$vo['article']"  key="ak" id="v"}
                                               <div class="info">
                                                   <h4 style="color:#ff9249"><i class="icon_hot1"></i>{$v['title']}</h4>
                                                   <div class="block">
                                                       <div >
                                                           <p>{$v['title']}</p>
                                                           <p><?php if (!empty($v['qq'])) { echo 'QQ:'.$v['qq'];}?></p>
                                                           <p><?php if (!empty($v['mobile'])) { echo '手机:'.$v['mobile'];}?></p>
                                                       </div>
                                                       <img src="{$v['qr']}" alt="" class="qrcode">
                                                   </div>
                                               </div>
                                               <?php 
                                                    if ($ak%4==3){
                                                    echo '</div><div class="item">';
                                                    }
                                                ?>
                                            {/volist}
                                       </div>
                                   </div>
                                   <!-- Controls -->
                                   <a class="left carousel-control" href="#carousel-<?php echo $k; ?>" role="button" data-slide="prev">
                                       <span class=" arrows arrow-l" ></span>
                                   </a>
                                   <a class="right carousel-control" href="#carousel-<?php echo $k; ?>" role="button" data-slide="next">
                                       <span class=" arrows arrow-r" ></span>
                                   </a>
                                </div>
                            </div>
                        {/volist}
                    </div>
                </div>
                <?php } ?>

                <?php
                        foreach($category as $k => $v){
                ?>
                <div class="fe " id="<?php echo $v['id'];?>">
                    <div class="sub-category">
                        <div>
                            <a style="float:right;font-weight:normal;font-size:12px;font-family:'宋体'" href="{:Url('home/category/index',['id'=>$v['id']])}">更多>></a>
                            <i class="iconfont <?php echo $v['image'];?>"></i><?php echo $v['catname'];?>
                            <span><?php echo $v['description'];?></span>
                        </div>
                    </div>
                    <div class="clearfix wrap">
                        <?php
                                foreach($v['article'] as $key => $val){
                        ?>
                        <a target="_blank" href="<?php echo $val['fromlink'];?>">
                            <div class="item">
                                <div class="logo" style="color:<?php echo $val['colour'];?>">
                                    <img src="{$val['icon']}" onerror="this.src='__HOME__/img/empty.png'" alt="" class="icon-common">
                                    <?php echo $val['title'];?>
                                    <?php if ($var['hot'] == '1') {?>
                                    <i class="icon_hot"></i>
                                    <?php } ?>
                                </div>
                                <div class="desc"> <?php echo $val['content'];?></div>
                            </div>
                        </a>
                        <?php
                                }
                                ?>
                    </div>
                </div>
                <?php
                        }
                        ?>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="copyright">
            <div> 本网站设计及数据均受版权保护，任何公司及个人都不得复制 &nbsp;&nbsp;
            </div>
            <div>
                声明：网站上的服务均为第三方提供，与KJQ100无关。请用户注意甄别服务质量，避免上当受骗
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">


</script>
<script language="JavaScript">
    <!--
    function worldClock(zone, region) {
        var dst = 0;
        var time = new Date();
        var gmtMS = time.getTime() + (time.getTimezoneOffset() * 60000);
        var gmtTime = new Date(gmtMS);
        var day = gmtTime.getDate();
        var month = gmtTime.getMonth();
        var year = gmtTime.getYear();
        if (year < 1000) {
            year += 1900
        }
        //var monthArray = new Array("January", "February", "March", "April", "May", "June", "July", "August",
        //				"September", "October", "November", "December")
        var monthArray = new Array("01月", "02月", "03月", "04月", "05月", "06月", "07月", "08月",
            "09月", "10月", "11月", "12月")
        var monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31")
        if (year % 4 == 0) {
            monthDays = new Array("31", "29", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31")
        }
        if (year % 100 == 0 && year % 400 != 0) {
            monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31")
        }

        var hr = gmtTime.getHours() + zone;
        var min = gmtTime.getMinutes();
        var sec = gmtTime.getSeconds();

        if (hr >= 24) {
            hr = hr - 24;
            day -= -1
        }
        if (hr < 0) {
            hr -= -24;
            day -= 1
        }
        if (hr < 10) {
            hr = " " + hr
        }
        if (min < 10) {
            min = "0" + min
        }
        if (sec < 10) {
            sec = "0" + sec
        }
        if (day <= 0) {
            if (month == 0) {
                month = 11;
                year -= 1
            }
            else {
                month = month - 1
            }
            day = monthDays[month]
        }
        if (day > monthDays[month]) {
            day = 1;
            if (month == 11) {
                month = 0;
                year -= -1
            }
            else {
                month -= -1
            }
        }
        if (region == "NAmerica") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(3);
            startDST.setHours(2);
            startDST.setDate(1);
            var dayDST = startDST.getDay();
            if (dayDST != 0) {
                startDST.setDate(8 - dayDST)
            }
            else {
                startDST.setDate(1)
            }
            endDST.setMonth(9);
            endDST.setHours(1);
            endDST.setDate(31);
            dayDST = endDST.getDay();
            endDST.setDate(31 - dayDST);
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Europe") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(2);
            startDST.setHours(1);
            startDST.setDate(31);
            var dayDST = startDST.getDay();
            startDST.setDate(31 - dayDST);
            endDST.setMonth(9);
            endDST.setHours(0);
            endDST.setDate(31);
            dayDST = endDST.getDay();
            endDST.setDate(31 - dayDST);
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }

        if (region == "SAmerica") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(9);
            startDST.setHours(0);
            startDST.setDate(1);
            var dayDST = startDST.getDay();
            if (dayDST != 0) {
                startDST.setDate(22 - dayDST)
            }
            else {
                startDST.setDate(15)
            }
            endDST.setMonth(1);
            endDST.setHours(11);
            endDST.setDate(1);
            dayDST = endDST.getDay();
            if (dayDST != 0) {
                endDST.setDate(21 - dayDST)
            }
            else {
                endDST.setDate(14)
            }
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST || currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Cairo") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(3);
            startDST.setHours(0);
            startDST.setDate(30);
            var dayDST = startDST.getDay();
            if (dayDST < 5) {
                startDST.setDate(28 - dayDST)
            }
            else {
                startDST.setDate(35 - dayDST)
            }
            endDST.setMonth(8);
            endDST.setHours(11);
            endDST.setDate(30);
            dayDST = endDST.getDay();
            if (dayDST < 4) {
                endDST.setDate(27 - dayDST)
            }
            else {
                endDST.setDate(34 - dayDST)
            }
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Israel") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(3);
            startDST.setHours(2);
            startDST.setDate(1);
            endDST.setMonth(8);
            endDST.setHours(2);
            endDST.setDate(25);
            dayDST = endDST.getDay();
            if (dayDST != 0) {
                endDST.setDate(32 - dayDST)
            }
            else {
                endDST.setDate(1);
                endDST.setMonth(9)
            }
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Beirut") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(2);
            startDST.setHours(0);
            startDST.setDate(31);
            var dayDST = startDST.getDay();
            startDST.setDate(31 - dayDST);
            endDST.setMonth(9);
            endDST.setHours(11);
            endDST.setDate(31);
            dayDST = endDST.getDay();
            endDST.setDate(30 - dayDST);
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Baghdad") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(3);
            startDST.setHours(3);
            startDST.setDate(1);
            endDST.setMonth(9);
            endDST.setHours(3);
            endDST.setDate(1);
            dayDST = endDST.getDay();
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST && currentTime < endDST) {
                dst = 1
            }
        }
        if (region == "Australia") {
            var startDST = new Date();
            var endDST = new Date();
            startDST.setMonth(9);
            startDST.setHours(2);
            startDST.setDate(31);
            var dayDST = startDST.getDay();
            startDST.setDate(31 - dayDST);
            endDST.setMonth(2);
            endDST.setHours(2);
            endDST.setDate(31);
            dayDST = endDST.getDay();
            endDST.setDate(31 - dayDST);
            var currentTime = new Date();
            currentTime.setMonth(month);
            currentTime.setYear(year);
            currentTime.setDate(day);
            currentTime.setHours(hr);
            if (currentTime >= startDST || currentTime < endDST) {
                dst = 1
            }
        }


        if (dst == 1) {
            hr -= -1;
            if (hr >= 24) {
                hr = hr - 24;
                day -= -1
            }
            if (hr < 10) {
                hr = " " + hr
            }
            if (day > monthDays[month]) {
                day = 1;
                if (month == 11) {
                    month = 0;
                    year -= -1
                }
                else {
                    month -= -1
                }
            }
            return '<p class="date">' + year + "年" + monthArray[month] + day + "日" + '</p><span class="time"><a>' + hr + "</a>:<a>" + min + '</a>:<a >' + sec + "</a></span>"
        }
        else {
            return '<p class="date">' + year + "年" + monthArray[month] + day + "日" + '</p><span class="time"><a>' + hr + "</a>:<a>" + min + '</a>:<a >' + sec + "</a></span>"
        }
    }

    function worldClockZone() {

        document.getElementById("NewYork").innerHTML = worldClock(-5, "NAmerica");
        document.getElementById("London").innerHTML = worldClock(0, "Europe");
        document.getElementById("Paris").innerHTML = worldClock(1, "Europe");
        document.getElementById("Beijing").innerHTML = worldClock(8, "Beijing");
        document.getElementById("Tokyo").innerHTML = worldClock(9, "Tokyo");
        document.getElementById("Sydney").innerHTML = worldClock(10, "Australia");
        setTimeout("worldClockZone()", 1000)
    }

    window.onload = function () {
        worldClockZone();
        $.each($(".fe"),function(){ 
            let infocon=$(this).find(".item .desc p");
            $.each(infocon,function(){
                $(this).text($(this).text()).removeAttr('style')
            }) 
        });
        (function () {
            var festivals = document.querySelectorAll('#festivals .date');
            for (var i = 0; i < festivals.length; i++) {
                var festival = festivals[i];
                var date = festival.getAttribute('data-date');
                var days = Math.ceil((Date.parse(date) - new Date()) / 86400000);
                // console.log(date, days)
                festival.innerText = days;
            }
        })()
    };

    //-->
</script>
</body>
</html>
